<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>订单调整</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css" />
    <link rel="stylesheet" href="/css/input_tags.css" />
    <link rel="stylesheet" type="text/css" href="/css/daterangepicker.css" />
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>

    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/bootstrapValidator.min.css" />
    <link rel="stylesheet" href="/css/coupon/couponDetail.css">

</head>

<body>
<div>
    <div class="container-fluid p-t-15">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <input type="hidden" id="couponId" th:value="${couponId}">
                    <input type="hidden" id="typeId" th:value="${type}">
                    <input type="hidden" id="customerId" th:value="${customerId}">
                    <div class="card-header">
                        <h1 class="side-img">优惠券详情 </h1>
                    </div>
                    <div class="card-body">

                        <div class="tab-nav-active">
                            <div class="tab-active active" >
                                <div class="well form-well" style="background: #F4F7FA;">
                                    <div class="header-file" style="position: relative;" >
                                        <div class="tab-list-color">
                                            <input type="hidden" id="chsCustomerCouponId">
<!--                                            适用范围 0：部分产品，1:全部产品 为1时不展示优惠券适用产品-->
                                            <input type="hidden" id="scopeOfApplication">

                                            <table class="table-edit">
                                                <tr>
                                                    <td>
                                                        优惠券名称：
                                                        <span class="text" id="couponName" ></span>

                                                    </td>
<!--                                                    0正常 1停用-->
                                                    <td>优惠券状态：
                                                        <span class="text" id="couponStatus" ></span>
                                                    </td>
<!--                                                    1折扣类 2额度类-->
                                                    <td>优惠券类型：<span class="text" id="couponType"  ></span></td>
                                                    <td>优惠券额度：<span class="text" id="couponQuota" ></span></td>
                                                </tr>
                                                <tr>
                                                    <td id="customerDetail">优惠券发放时间：
                                                        <span class="text" id="issuedTime"></span>

                                                    </td>
                                                    <td>优惠券有效期：
                                                        <span class="text" id="start" >2021-09-09 18:00:00 至</span>
                                                        <span class="text" id="validPeriod" >2022-09-09 18:00:00</span>
                                                    </td>

                                                    <td>

                                                    </td>


                                                </tr>


                                            </table>

                                        </div>


                                    </div>
                                </div>

                                <div class="well form-well active-coupon">

                                    <div class="header-file">
                                        <div class="header-init" >
                                            <h3>优惠券适用产品</h3>

                                        </div>
                                    </div>

                                    <div class="clearfix" >
                                        <table id="productNameList" style="margin-top: 20px;"></table>
                                    </div>
                                </div>

                                <div class="well form-well pay-list" >

                                    <div class="header-file">
                                        <div class="header-init" >
                                            <h3>消费记录</h3>

                                        </div>
                                    </div>

                                    <div class="clearfix" >
                                        <table id="payList" style="margin-top: 20px;"></table>
                                    </div>


                                </div>

                            </div>

                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
</div>










</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<!--table固定列-->

<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<!-- 日期 -->
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>

<script type="text/javascript" src="/js/bootstrapValidator.min.js"></script>
<script src="/js/bootstrapTableSelect.js"></script>
<script src="/js/crm/activityManager/couponDetail.js"></script>
</html>